// 文字超出隐藏
@mixin textBeyondOmit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin clearfix {
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}

@mixin flexBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 滚动条统一样式
@mixin scrollBar {
  /*整体部分*/
  &::-webkit-scrollbar {
    width: 6px;
    height: 10px;
  }
  /*滑动轨道*/
  &::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #fff;
    background: transparent;

    &:hover {
      background-color: rgba(186, 186, 186, 0.2);
      // background: transparent;
    }
  }
  /*滑块*/
  &::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(102, 102, 102, 0.3);
    // background: transparent;

    &:hover {
      background-color: rgba(102, 102, 102, 0.7);
      // background: transparent;
    }
  }
}
